<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    {% load static %}
    <script src="{% static 'js/jquery.min.js' %}"></script>
    <script src="{% static 'bootstrap-3.4.1-dist/js/bootstrap.min.js' %}"></script>
    <link href="{% static 'bootstrap-3.4.1-dist/css/bootstrap.min.css' %}" rel="stylesheet">
    <link href="{% static 'css/sweetalert.min.css' %}" rel="stylesheet">
    <script src="{% static 'js/sweetalert.min.js' %}"></script>
    <link href="{% static 'css/font-awesome.min.css' %}" rel="stylesheet">
    <link href="{% static 'css/dashboard.css' %}" rel="stylesheet">
</head>
<body>
<nav class="navbar navbar-inverse navbar-fixed-top">
    <div class="container-fluid">
        <div class="navbar-header">
            <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#navbar"
                    aria-expanded="false" aria-controls="navbar">
                <span class="sr-only">Toggle navigation</span>
                <span class="icon-bar"></span>
                <span class="icon-bar"></span>
                <span class="icon-bar"></span>
            </button>
            <a class="navbar-brand" href="#">易点考勤后台管理系统</a>
        </div>
        <div id="navbar" class="navbar-collapse collapse">
            <ul class="nav navbar-nav navbar-right">
                <li><a href="#">当前用户:</a></li>
                <li><a href="#">{{ user_obj.teaname }}</a></li>
                {#            <li><a href="#">Profile</a></li>#}
                {#            <li><a href="#">Help</a></li>#}
                <li class="dropdown">
                    <a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true"
                       aria-expanded="false">更多操作<span class="caret"></span></a>
                    <ul class="dropdown-menu">
                        <li><a href="#" class="glyphicon glyphicon-edit" data-toggle="modal"
                               data-target=".bs-example-modal-lg"> 修改密码</a></li>

                        <li><a href="{% url 'tea_admin:logout' %}" class="glyphicon glyphicon-off"> 退出</a></li>
                    </ul>
                </li>
            </ul>
            {#          <form class="navbar-form navbar-right">#}
            {#            <input type="text" class="form-control" placeholder="Search...">#}
            {#          </form>#}
        </div>
    </div>
</nav>
<div class="container-fluid">
    <div class="row">
        <div class="col-sm-3 col-md-2 sidebar">
            <ul class="nav nav-sidebar">
                <li class="active"><a href="{% url 'tea_admin:index' %}">Nav <span class="sr-only">(current)</span></a>
                </li>
                <a href="#" class="glyphicon glyphicon-cd list-group-item"> 班级管理</a>
            </ul>
            <ul class="nav nav-sidebar">
                <a href="#" class="glyphicon glyphicon-list list-group-item"> 课程管理</a>
            </ul>
            <ul class="nav nav-sidebar">
                <a href="{% url 'tea_admin:kaoqin_gl' %}" class="glyphicon glyphicon-pencil list-group-item"> 考勤管理</a>
            </ul>
            <ul class="nav nav-sidebar">
                <a href="{% url 'tea_admin:askleave' %}" class="glyphicon glyphicon-file list-group-item"> 请假管理</a>
            </ul>
            <ul class="nav nav-sidebar">
                <a href="#" class="glyphicon glyphicon-level-up list-group-item"> 文件管理</a>

            </ul>
        </div>
        <div class="col-sm-9 col-sm-offset-3 col-md-10 col-md-offset-2 main">
            {% block main-content %}
                <div class="panel panel-primary">
                <div class="panel-heading">
                    <h3 class="panel-title">易点考勤</h3>
                </div>
                <div class="panel-body">
                <div class="jumbotron">
                    <h1>欢迎来到全球最大高校考勤系统</h1>
                    <p>这里有的没有的考勤信息都有</p>
                    <p><a class="btn btn-primary btn-lg" href="#" role="button">点击有你好看~</a></p>
                </div>
            {% endblock %}
            </div>
            </div>
        </div>
    </div>
</div>
<div class="modal fade bs-example-modal-lg" tabindex="-1" role="dialog"
     aria-labelledby="myLargeModalLabel">
    <div class="modal-dialog modal-lg" role="document">
        <div class="modal-content">
            <form action="" method="post">
                <h1 class="text-center">密码</h1>
                <div class="row">
                    <div class="col-md-8 col-md-offset-2">
                        <div class="form-group">
                            <label for="username">用户名</label>
                            <input type="text" name="username" id="username" value="{{ user_obj.teaname }}" disabled>
                        </div>
                        <div class="form-group">
                            <label for="id_old_password">原密码:</label>
                            <input type="password" id="id_old_password" name="old_name"
                                   class="form-control">
                        </div>
                        <div class="form-group">
                            <label for="id_new_password">新密码:</label>
                            <input type="password" id="id_new_password" name="new_name"
                                   class="form-control">
                        </div>
                        <div class="form-group">
                            <label for="id_confirm_password">确认密码:</label>
                            <input type="password" id="id_confirm_password" name="confirm_name"
                                   class="form-control">
                        </div>
                        <button type="button" class="btn btn-default pull-right"
                                data-dismiss="modal">Close
                        </button>
                        <button class="btn btn-primary" id="id_edit">修改</button>
                        <br>
                        <br>
            </form>
        </div>
    </div>
</div>
</body>
</html>
